<load file='header.html'/>
<js file="__TPLJS__/city.js"/>
<js file="__TPLJS__/Validform_v5.1_min.js"/>
<css file='__TPLCSS__/styleform.css'/>

<div id="container">

    <div class="reg_tit">
        <ul class="reg_tit_ul1">
            <li><a href="__APP__/useroperation/register_show" title="新用户注册" class="current">新用户注册</a></li>
            <li><a href="__APP__/useroperation/login_show" title="登陆">登陆</a></li>
            <li><a href="__APP__/useroperation/getpassword_show" title="忘记密码">忘记密码</a></li>
        </ul>
        <ul class="reg_tit_ul2"><p></p></ul>
    </div>

    <div class="reg_bd_yj">
        <ul class="reg_bd_yj_ul1"></ul>
        <ul class="reg_bd_yj_ul2"></ul>
    </div>

    <div class="reg_bd u" id='reg'>
        <form name="registrationForm" method="post" action="__APP__/useroperation/register" onsubmit="" _lpchecked="1" class="registrationForm">
            <input type="hidden" value="" name="forward">
            <ul class="reg_bd_ul1">
            <table width="100%" class="regtable">
                <tr>
                    <td style="width:100px;"><span class="need">*</span>用户名：</td>
                    <td style="width:205px;"><input type="text"  name="username" class="text-input" datatype="s6-18" errormsg="用户名至少6个字符,最多18个字符！" ajaxurl="__APP__/useroperation/checkuser"/></td>
                    <td><div class="Validform_checktip">用户名至少6个字符,最多18个字符</div></td>
                </tr>
                <tr>
                    <td style="width:100px;"><span class="need">*</span>密码：</td>
                    <td style="width:205px;"><input type="password" value="" name="password" class="text-input"  datatype="*6-16" nullmsg="请设置密码！" errormsg="密码范围在6~16位之间！" /></td>
                    <td><div class="Validform_checktip">用户名至少6个字符,最多18个字符</div></td>
                </tr>
                <tr>
                    <td style="width:100px;"><span class="need">*</span>重复密码：</td>
                    <td style="width:205px;"><input type="password" value="" class="text-input"  datatype="*6-16" nullmsg="请设置密码！" errormsg="两次密码不相同" recheck='password' /></td>
                    <td><div class="Validform_checktip"></div></td>
                </tr>
                <tr>
                    <td style="width:100px;"><span class="need">*</span>电子邮箱：</td>
                    <td style="width:205px;"><input type="text" value="" name="email" class="text-input"  datatype="e" nullmsg="请填写常用邮箱！" errormsg="请填写正确邮箱"ajaxurl='__APP__/useroperation/checkemail'/></td>
                    <td><div class="Validform_checktip"></div></td>
                </tr>
                <tr>
                    <td style="width:100px;"><span class="need">*</span>性 别：</td>
                    <td style="width:205px;">
                        男 <input type="radio" value="1" name="sex"datatype="*" nullmsg="请选择性别！"/>
                        女 <input type="radio" value="2" name="sex"/>
                    </td>
                    <td><div class="Validform_checktip"></div></td>
                </tr>
                <tr>
                    <td style="width:100px;"><span class="need">*</span>职 业：</td>
                <td>
                <select name="profession" id="zhiye" style="width:248px; margin: 3px 0 0 0;"datatype="*" errormsg='请选择职业!' name='profession'>
                    <option>请选择职业</option>
                    <list from='$pro' name='$v'>
                    <option value="{$v.proid}">{$v.proname}</option>
                    </list>
                   </select>
                    </td>
                    <td><div class="Validform_checktip"></div></td>
                </tr>
                <tr>
                    <td style="width:100px;"><span class="need">*</span>现 居：</td>
                    <td>
                        <select name="residence" onchange="ChangeOption('registrationForm','residence','city')" style="width:122px; margin: 3px 0 0 0;" datatype="*" errormsg='请选择居住地!'><option value="0" selected="selected">选择省份</option>
                            <option value="北京">北京</option>
                            <option value="上海">上海</option>
                            <option value="天津">天津</option>
                            <option value="重庆">重庆</option>
                            <option value="黑龙江">黑龙江</option>
                            <option value="辽宁">辽宁</option>
                            <option value="吉林">吉林</option>
                            <option value="河北">河北</option>
                            <option value="内蒙古">内蒙古</option>
                            <option value="陕西">陕西</option>
                            <option value="山西">山西</option>
                            <option value="甘肃">甘肃</option>
                            <option value="宁夏">宁夏</option>
                            <option value="新疆">新疆</option>
                            <option value="西藏">西藏</option>
                            <option value="青海">青海</option>
                            <option value="四川">四川</option>
                            <option value="云南">云南</option>
                            <option value="贵州">贵州</option>
                            <option value="湖南">湖南</option>
                            <option value="湖北">湖北</option>
                            <option value="河南">河南</option>
                            <option value="山东">山东</option>
                            <option value="安徽">安徽</option>
                            <option value="江苏">江苏</option>
                            <option value="浙江">浙江</option>
                            <option value="台湾">台湾</option>
                            <option value="香港">香港</option>
                            <option value="澳门">澳门</option>
                            <option value="广东">广东</option>
                            <option value="广西">广西</option>
                            <option value="江西">江西</option>
                            <option value="福建">福建</option>
                            <option value="海南">海南</option>
                            <option value="其它">其它</option>
                            <option value="美国">美国</option>
                            <option value="欧洲">欧洲</option>
                            <option value="日本">日本</option>
                            <option value="韩国">韩国</option>
                            <option value="新加坡">新加坡</option>
                            <option value="加拿大">加拿大</option>
                            <option value="亚洲">亚　洲</option>
                            <option value="非洲">非　洲</option>
                            <option value="澳洲">澳　洲</option>
                            <option value="南美洲">南美洲</option>
                            <option value="东南亚">东南亚</option></select>


                        <select name="city" id="city" style="width:122px; margin: 3px 0 0 0;" datatype="*" errormsg='请选择城市!'>
                            <option  selected="selected">选择城市</option>
                        </select>
                    </td>
                    <td><div class="Validform_checktip"></div></td>
                </tr>
                <tr>
                <tr><td></td><td>
                <input type="checkbox" datatype="*" name='check' errormsg='请勾选同意!' id="yuedu" > 我已阅读并接受 <a href="http://www.zcool.com.cn/service/copyright.jsp" title="版权声明" target="_blank">版权声明</a> 和 <a href="http://www.zcool.com.cn/service/privacy.jsp" title="隐私保护" target="_blank">隐私保护</a>
                </td>
            <td></td>
            </tr>
                </tr>
                <tr><td><input type="submit" value="注册" class="bn regsubmit"/></td></tr>
            </table>
            </ul>
        </form>
        <ul class="reg_bd_ul2">

            <li>
                <p>1、建立个人作品集，得到更多网友和更多设计公司的关注。</p>
                <p>2、和大家一起共享素材资源库。“人人为我，我为人人。”</p>
                <p>3、第一时间收到最新素材发布动态，优秀设计师作品更新动态等。</p>
                <p>4、快速找到志同道合的设计师好友，和他一起在站酷分享快乐。</p>
                <p>5、享有设计师专用空间。更多设计师实用工具、服务将陆续推出。</p>
            </li>
        </ul>

    </div>

    <div class="reg_bd_yj">
        <ul class="reg_bd_yj_ul3"></ul>
        <ul class="reg_bd_yj_ul4"></ul>
    </div>

</div>
 <script type="text/javascript">
     $(".reg_bd").Validform({
         tiptype:2,
         dataType:{
            // 'select-1':function(gets,obj,curform,regxp){//错误的
                // return true
            // }
         }
     });
    $('.registrationForm').submit(function(){
        if($('#yuedu').attr('checked')=='checked'){
            return true;
        }else{
            alert('请勾选同意');
            return false
        }
    })
 </script>

        </div>
     <load file='footer.html'/>